<div style="overflow-x: hidden;" xmlns="http://www.w3.org/1999/html">
    <div id="qhProbabilityEarthquakeDangerMap"></div>
    <!--
    <div id="operatePanelButton" style="position: absolute;top: 20px;z-index: 1000;left: 70px;">
        <input type="button" style='width:50px;height:25px;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;border:1px solid #3B49EE;color:#3B49EE;' value="文件上传" />
    </div>
    -->
    <div id="operatePanelButton" style="position: absolute;display: block;top: 100px;left: 15px;z-index: 1000;background-color: #FFFFFF;display:block;" >
        <p><img id="operatePanelButtonImg" style='cursor:pointer;width: 31px;height: 31px;' title="文件上传" src="/qhwx/static/app/images/file_upload.jpg"><br/><span style='border:0;cursor:pointer;' >文件<br/>上传</span></p>
    </div>
    <div id="operatePanel" style="position: absolute;width: 350px;top: 60px;z-index: 1000;background-color: #FFFFFF;left: 55px;display: none;">
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <div id="button-closeForm" style="width:32px;height:32px;background: url('/qhwx/static/app/images/close_opanel.png') 8px no-repeat;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;" title="关闭" ></div>
                <!--<div style="color: #ff0000;width: 180px;position: absolute;left: 30px;top: 10px;">请使用【CGCS2000】坐标系</div>-->
                <div style="color: #ff0000;width: 180px;margin: 5px 0px 0px 10px;">请使用【CGCS2000】坐标系</div>
                <!--<div style="color: #ff0000;margin: 5px 0px 0px 10px;">
                    请参考字段说明:<br>
                    1.属性字段"经度"与"纬度"须与geometry中经纬度保持一致, 且保留8位小数，不足8位的补0。<br>
                    2.8个属性信息应该"场地"在前, "基岩"在后。
                </div>-->
                <div style="color: #ff0000;margin: 5px 0px 0px 10px;">
                    请参考字段说明: "场地"与"基岩"8个属性信息应该"场地"在前, "基岩"在后。
                </div>
            </div>
            <div class="form-group">
                <label for="provinceSelect" class="col-md-4 control-label"></span>省:</label>
                <div class="col-md-8">
                    <select class="form-control" id="provinceSelect" name="provinceSelect" >
                    </select>
                </div>
            </div>
        </div>
        <!--<div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="citySelect" class="col-md-4 control-label"></span>市:</label>
                <div class="col-md-8">
                    <select class="form-control" id="citySelect" name="citySelect" >
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="areaSelect" class="col-md-4 control-label"></span>区（县）:</label>
                <div class="col-md-8">
                    <select class="form-control" id="areaSelect" name="areaSelect" >
                    </select>
                </div>
            </div>
        </div>-->
        <div class="col-md-12 form-horizontal" style="margin-top: 20px;">
            <div class="form-group" style="margin-top: -16px;">
                <!--zyt增加gdb文件上传-->
                <div class="col-md-4" style="width: 100%;">
                    <label style="position: relative;margin-right: 25px;left: 4px;">上传文件类型：</label>
                    <input type="radio" name="pga-radio" id="pga-radio-shp" value="shp" checked="" style="position: relative;margin-right: 4px;top: 3px;"><label>shp文件</label>
                    <input type="radio" name="pga-radio" id="pga-radio-gdb" value="gdb" style="position: relative;margin-left: 24px;margin-right: 4px;top: 3px;"><label>gdb文件</label>
                </div>
                <div class="col-md-4" style="top: 10px;">
                    <input type="file" style="width: 70px;" id="button-selectfile" name="button-selectfile" multiple="multiple" accept=".shp,.dbf,.prj,.sbn,.sbx,.shp.xml,.shx" />
                </div>
                <div class="col-md-8" style="margin-top: 9px;">
                    <textarea rows="10" cols="20" class="form-control"  id="commentInfo" name="commentInfo" placeholder="导入多个文件时，文件名须相同" readonly/>
                </div>
                <div id="qhFieldInfoBtn" style="position: absolute;left: 20px;z-index: 100000;background-color: #FFFFFF;width: 60px;top:50px;">
                    <a><h5>字段说明</h5></a>
                </div>
            </div>
        </div>
        <!--
        <input type="button" class="btn btn-default" id="button-export" style='margin:5px;float:right;' value="下载" />
        -->
        <input type="button" class="btn btn-default" id="button-import" style="margin:5px;float:right;" value="上传" />
    </div>

    <div id="siteClassLayers3" style="position: absolute;display: block;top: 180px;left: 15px;z-index: 1000;background-color: #FFFFFF;display:block;" >
        <p><img id="siteClassLayersImg3" style='cursor:pointer;width: 32px;height: 32px;' title="图层查询" src="/qhwx/static/app/images/layers_search.jpeg"><br/><span style='border:0;cursor:pointer;' >图层<br/>查询</span></p>
    </div>
    <div id="operatePanel3" style="position: absolute;width: 400px;top: 180px;z-index: 1000;background-color: #FFFFFF;left: 55px;display: none;">
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <div id="operatePanel3CloseBtn" style="width:32px;height:32px;background: url('/qhwx/static/app/images/close_opanel.png') 8px no-repeat;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;" title="关闭" ></div>
            </div>
            <div class="form-group form-horizontal">
                <label for="provinceSelect3" class="col-md-2 control-label"></span>省:</label>
                <div class="col-md-6">
                    <select class="form-control" id="provinceSelect3" name="provinceSelect3" >
                    </select>
                </div>
                <div class="col-md-4">
                    <button id="btnSearch3" class="btn btn-default" type="button">查询</button>
                </div>
            </div>
        </div>
        <!--<div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="citySelect3" class="col-md-4 control-label"></span>市:</label>
                <div class="col-md-8">
                    <select class="form-control" id="citySelect3" name="citySelect3" >
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="areaSelect3" class="col-md-4 control-label"></span>区（县）:</label>
                <div class="col-md-8">
                    <select class="form-control" id="areaSelect3" name="areaSelect3" >
                    </select>
                </div>
            </div>
        </div>-->
        <!--<div class="col-md-12 form-horizontal">
            <div class="form-group">
                <div class="col-md-8">
                    <button id="btnSearch3" class="btn btn-default" type="button">查询</button>
                </div>
            </div>
        </div>-->
        <div class="col-md-12 form-horizontal" id="affiliatedFileNameGrid3Div" style="margin-top: 10px;max-height: 245px;">
            <div class="form-group">
                <div class="col-md-12">
                    <div id="affiliatedFileNameGrid3" style="max-height: 245px;"></div>
                </div>
            </div>
        </div>
    </div>

    <div id="siteClassLayers2" style="position: absolute;display: block;top: 260px;left: 15px;z-index: 1000;background-color: #FFFFFF;display:block;" >
        <p><img id="siteClassLayersImg" style='cursor:pointer;' title="图层管理" src="/qhwx/static/app/images/tucengoff.png"><br/><span style='border:0;cursor:pointer;' >图层<br/>管理</span></p>
    </div>
    <div id="operatePanel2" style="position: absolute;width: 400px;top: 240px;z-index: 1000;background-color: #FFFFFF;left: 55px;display: none;">
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <div id="operatePanel2CloseBtn" style="width:32px;height:32px;background: url('/qhwx/static/app/images/close_opanel.png') 8px no-repeat;cursor:pointer;margin-right:5px;margin-top:2px;font-size:14px;float:right;text-align: center;border-radius: 5px;" title="关闭" ></div>
            </div>
            <div class="form-group form-horizontal">
                <label for="provinceSelect2" class="col-md-2 control-label"></span>省:</label>
                <div class="col-md-6">
                    <select class="form-control" id="provinceSelect2" name="provinceSelect2" >
                    </select>
                </div>
                <div class="col-md-4">
                    <button id="btnSearch" class="btn btn-default" type="button">查询</button>
                </div>
            </div>
        </div>
        <!--<div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="citySelect2" class="col-md-4 control-label"></span>市:</label>
                <div class="col-md-8">
                    <select class="form-control" id="citySelect2" name="citySelect2" >
                    </select>
                </div>
            </div>
        </div>
        <div class="col-md-12 form-horizontal">
            <div class="form-group">
                <label for="areaSelect2" class="col-md-4 control-label"></span>区（县）:</label>
                <div class="col-md-8">
                    <select class="form-control" id="areaSelect2" name="areaSelect2" >
                    </select>
                </div>
            </div>
        </div>-->
        <!--<div class="col-md-12 form-horizontal">
            <div class="form-group">
                <div class="col-md-8">
                    <button id="btnSearch" class="btn btn-default" type="button">查询</button>
                </div>
            </div>
        </div>-->
        <div class="col-md-12 form-horizontal" id="affiliatedFileNameGridDiv" style="margin-top: 10px;max-height: 245px;">
            <div class="form-group">
                <div class="col-md-12">
                    <div id="affiliatedFileNameGrid2" style="max-height: 245px;"></div>
                </div>
            </div>
        </div>
    </div>

    <div id="qhPEDInfoClose" style="position:absolute;z-index:90000;display: none;right: 200px;bottom: 170px;">
        <button style="width:50px" class="btn btn-primary" type="button">
            收起
        </button>
    </div>
    <div id="qhProbabilityEarthquakeDangerInfo" style="position: absolute;left: 100px;z-index: 100000;background-color: #FFFFFF;bottom: 30px;width: 80%;">
        <div id="qhProbabilityEarthquakeDangerGrid"></div>
    </div>

    <div id="qhFieldInfo" style="position: absolute;left: 140px;z-index: 100000;background-color: #FFFFFF;top: 100px;width: 600px;height: 400px;display: none;">
        <div id="qhFieldInfoClose" style="right: -570px;position: relative;"><a><h5>关闭</h5></a></div>
        <div id="qhFieldInfoGrid" style="height: 445px;"></div>
    </div>
</div>
